import React from 'react'
import LoginFrom from './component/LoginFrom'
import './Register.scss'
import Leftimg from '../../images/login_left-1b40bd1b.png'
import RightLogin from '../../images/logo192.png'
import Particles from 'react-tsparticles'
import { loadFull } from "tsparticles";

export default function Login() {
  const particlesInit = async (main) => {
    await loadFull(main);
  };

  const particlesLoaded = (container) => {
    console.log("123", container);
  };
  return (
    <div className="loginMain">
      {/* <Particles
        id="tsparticles"
        init={particlesInit}
        loaded={particlesLoaded}
        options={options}
      /> */}
      <div className="loginMain_1">
        <div className="loginLeft">
          <img src={Leftimg} alt="pic" />
        </div>
        <div className="loginRIght">
          <div className="loginRIght_top">
            <img src={RightLogin} alt="" />
            <p>星嘉直播大数据管理系统</p>
          </div>
          <LoginFrom />
        </div>
      </div>
      <p className='bottom_logo'>
      星嘉直播大数据管理系统 V1.0
      </p>
    </div>
  )
}
